<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>出差补助单</title>
	<link rel="stylesheet" href="../../../css/iconfont/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
	<link rel="stylesheet" href="../../../css/my/application/travel_expense.css" />
	<style>
		.img-div {
			width: 3rem;
			height: 3rem;
			display: inline-block;
			text-align: center;
			margin-right: 0.5rem;
		}

		.img-div-add {
			height: 3rem;
			width: 3rem;
			position: relative;
		}
		.forminput {
				text-align: right;
				padding-right: .8rem !important;
		}
	</style>
</head>

<body style="cursor: pointer">

	<ul class="aui-list aui-form-list">
		<!--申请单详情start-->
		<li class="aui-list-header" style="background: #F5F5F5;color:#B6B6B6;">
			<div><span style="letter-spacing: 5px;">(一)</span>补助单详情</div>
		</li>
		<li class="aui-list-item">
			<div class="aui-list-item-inner " style="" id="picker2">
				<div class="aui-list-item-title">请选择</div>
				<div class="aui-list-item-right" style="max-width: 55%;">
					<div class="aui-list-item-label-icon"><span style="color:#3CB0D6;"></span><i class="aui-iconfont aui-icon-right" style="color:#B6B6B6;font-size: 0.5rem;"></i></div>
				</div>
			</div>
		</li>
		<div class="detail" id="order_list" style="margin-bottom: 0.6rem;">
		</div>
		<!--申请单详情end-->
		<!--出行时间start-->
		<li class="aui-list-header" style="background: #F5F5F5;color:#B6B6B6;">
			<div><span style="letter-spacing: 5px;">(二)</span>出行时间</div>
		</li>
		<li class="aui-list-item">
			<div class="aui-list-item-inner " style="">
				<div class="aui-list-item-title">出行开始时间</div>
				<div class="aui-list-item-right">
					<div class="aui-list-item-label-icon start-time">
							<input type="text" placeholder="yyyy-MM-dd" id="my-startDate" readonly  class="forminput" style="color:#56B9DB;">
					</div>
				</div>
			</div>
		</li>
		<li class="aui-list-item">
			<div class="aui-list-item-inner " style="">
				<div class="aui-list-item-title ">出行结束时间</div>
				<div class="aui-list-item-right">
					<div class="aui-list-item-label-icon end-time">
							<input type="text" placeholder="yyyy-MM-dd" id="my-endDate" readonly  class="forminput" style="color:#56B9DB;">
					</div>
				</div>
			</div>
		</li>
		<!--出行时间end-->
		<!--报销单信息录入start-->
		<li class="aui-list-header" style="background: #F5F5F5;color:#B6B6B6;">
			<div><span style="letter-spacing: 5px;">(三)</span>补助单明细</div>
		</li>
		<li class="aui-list-item">
			<div class="aui-list-item-inner revocation" style="">
				<div class="aui-list-item-title " style="color:#3CB0D6;font-size: 0.7rem;">出差补助</div>
			</div>
		</li>
		<li class="aui-list-item">
			<div class="aui-list-item-inner revocation" style="">
				<div class="aui-list-item-title " style="color:red;font-size: 0.6rem;">备注：请按照出差实际情况填写补助标准。</div>
			</div>
		</li>
		<li class="aui-list-item">
			<div class="aui-list-item-inner " style="">
				<div class="aui-list-item-title">补助标准<span style="letter-spacing: 5px;margin-left: 5px;">(元)</span></div>
				<div class="aui-list-item-right">
					<input type="number" placeholder="请输入金额" style="font-size: 0.7rem;width: 4rem;color: #867676;display: inline;text-align: right;" id="allowance_standard" name="allowance_standard">
					<span style="margin-right: 1rem;">/天</span>
				</div>
			</div>
		</li>
		<li class="aui-list-item">
			<div class="aui-list-item-inner " style="">
				<div class="aui-list-item-title">出差天数<span style="letter-spacing: 5px;margin-left: 5px;"></span></div>
				<div class="aui-list-item-right">
					<input type="number" placeholder="请输入天数" style="font-size: 0.7rem;width: 4rem;color: #867676;display: inline;text-align: right;" id="days_sum" name="days_sum" >
					<span style="margin-right: 1rem;"> 天</span>
				</div>
			</div>
		</li>
		<!--补助总金额start-->
		<li class="aui-list-header" style="background: #F5F5F5;color:#B6B6B6;">
			<div><span style="letter-spacing: 5px;">(四)</span>总金额</div>
		</li>
		<div class="detail" style="margin-bottom: 0.6rem;">
			<ul class="some_bottom">
				<li>
					<span class="detail-left">补助总额(元)</span>
					<span class="detail-right" id="allowance_price">0</span>
				</li>
				<li>
					<span class="detail-left">节约归己(元)</span>
					<span class="detail-right" id="save_price">0</span>
				</li>
				<li>
					<span class="detail-left">总金额(元)</span>
					<span class="detail-right" id="total_price">0</span>
				</li>
			</ul>
		</div>
		<!--报销总金额end-->
		<!--审批人start-->
		<li class="aui-list-header" style="background: #F5F5F5;color:#B6B6B6;">
			<div style="width: 100%;">
				<span style="letter-spacing: 5px;">(五)</span> 审批人
			</div>
		</li>
		<div class="detail">
			<ul class="some_bottom">
				<li id="picker1">
					<span class="detail-left" style="color: #000000;font-size: 0.75rem;">审批人</span>
					<span class="detail-right"> <i class="aui-iconfont aui-icon-right" style="color:#B6B6B6;font-size: 0.5rem;float: right;"></i></span>
				</li>
				<li style="min-height: 2rem;">
					<span class="detail-left" style="width: 100%;display: inline-block;">
                        <ul class="expense_person">
                        </ul>
                    </span>

				</li>

			</ul>
		</div>
		<input type="hidden" id="hotel_standard">
		<!--审批人end-->
		<div style="width: 100%;float: left;padding: 0.75rem;" id="submitData">
			<div class="aui-btn aui-btn-primary aui-btn-block aui-btn-sm" style="width: 100%;background-color:#3CB0D6;">
				提交
			</div>
		</div>

	</ul>
	<div style="height: 8rem;"></div>
</body>
<script type="text/javascript" src="../../../script/aui/api.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-toast.js"></script>
<script type="text/javascript" src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../../script/extend/doT.min.js"></script>
<script type="text/javascript" src="../../../script/extend/picker.min.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/config.js"></script>
<link rel="stylesheet" href="../../../script/widget/mobiscroll/mobiscroll.custom-3.0.0-beta6.min.css" />
<script type="text/javascript" src="../../../script/widget/mobiscroll/mobiscroll.custom-3.0.0-beta6.min.js"></script>

<script type="text/javascript" src="../../../service/index/allowance/allowanceAdd.js"></script>
<!-- 模板start -->
<script id="allowance_tpl" type="text/x-dot-template">
	<li class="aui-list-item">
		<div class="aui-list-item-inner revocation" style="">
			<div class="aui-list-item-title "style="color:#3CB0D6;font-size: 0.7rem;">节约归己<span style="letter-spacing: 5px;margin-left: 5px;">({{= it['prop'] }})</span></div>
		</div>
	</li>
	<li class="aui-list-item detail_price">
		<div class="aui-list-item-inner " style="">
			<div class="aui-list-item-title">酒店标准<span style="letter-spacing: 5px;margin-left: 5px;">(元)</span></div>
			<div class="aui-list-item-right">
				<span class="hotel_standard">{{= it['hotel_standard'] }}</span>
				<span style="margin-right: 1rem;">/天</span>
			</div>
		</div>
	</li>
	<li class="aui-list-item">
		<div class="aui-list-item-inner " style="">
			<div class="aui-list-item-title">实际费用<span style="letter-spacing: 5px;margin-left: 5px;">(元)</span></div>
			<div class="aui-list-item-right">
				<span class="real_fee">{{= it['price'] }}</span>
				<span style="margin-right: 1rem;">/天</span>
			</div>
		</div>
	</li>
	<li class="aui-list-item">
		<div class="aui-list-item-inner " style="">
			<div class="aui-list-item-title">入住天数<span style="letter-spacing: 5px;margin-left: 5px;"></span></div>
			<div class="aui-list-item-right">
				<span class="number_of_days">{{= it['number_of_days']}}</span>
				<span style="margin-right: 1rem;"> 天</span>
			</div>
		</div>
	</li>
</script>
<!-- 审批人模板 -->
<script id="person_tpl" type="text/x-dot-template">
	<li data-val="{{= it.val }}">
		<label class="u_name">{{= it.text }}</label>
		<span class="delete_person">x</span>
	</li>
</script>
<script id="order_tpl" type="text/x-dot-template">
	{{ for(var prop in it) { }}


		{{ if (it[prop]['product_id'] == 1 ) { }}
	<ul style="border-bottom: 1px solid #dddddd;display: none;" class="ordertype{{= it[prop]['product_id'] }} order_plane" data-price="{{= it[prop]['order_total_price'] }}" data-id="{{= it[prop]['order_id'] }}">
		<li>
			<span class="detail-left">订单号</span>
			<span class="detail-right">{{= it[prop]['user_orderid'] }}</span>
		</li>
		<li>
			<span class="detail-left">订单总价</span>
			<span class="detail-right">￥{{= it[prop]['order_total_price'] }}</span>
		</li>
		<li>
			<span class="detail-left">订单类型</span>
			<span class="detail-right">飞机票</span>
		</li>
		<li>
			<span class="detail-left">航班号</span>
			<span class="detail-right">{{= it[prop]['flight_number'] }}</span>
		</li>
		<li>
			<span class="detail-left">起飞日期</span>
			<span class="detail-right">{{= it[prop]['take_off_date'] }}{{= it[prop]['take_off_time'] }}</span>
			<input type="hidden" name="travel_start_time" value="{{= it[prop]['travel_start_time'] }}">
			<input type="hidden" name="travel_end_time" value="{{= it[prop]['travel_end_time'] }}">
		</li>
		<li>
			<span class="detail-left">预定时间</span>
			<span class="detail-right">{{= it[prop]['create_time'] }}</span>
		</li>
		<li>
			<span class="detail-left">支付类型</span>
			<span class="detail-right">{{= it[prop]['pay_name'] }}</span>
		</li>

	</ul>
		{{ }else if (it[prop]['product_id'] == 3 ) { }}
		<ul style="border-bottom: 1px solid #dddddd;display: none;" class="ordertype{{= it[prop]['product_id'] }} order_hotel" data-price="{{= it[prop]['order_total_price'] }}" data-id="{{= it[prop]['order_id'] }}">
			<li>
				<span class="detail-left">订单号</span>
				<span class="detail-right">{{= it[prop]['user_orderid'] }}</span>
			</li>
			<li>
				<span class="detail-left">订单总价</span>
				<span class="detail-right">￥{{= it[prop]['order_total_price'] }}</span>
			</li>
		<li>
			<span class="detail-left">订单类型</span>
			<span class="detail-right">酒店</span>
		</li>
		<li>
			<span class="detail-left">酒店名称</span>
			<span class="detail-right">{{= it[prop]['hotel_name'] }}</span>
		</li>
		<li>
			<span class="detail-left">入住时间</span>
			<span class="detail-right">{{= it[prop]['arrival_time'] }}-{{= it[prop]['departure_time']}}</span>
			<input type="hidden" name="travel_start_time" value="{{= it[prop]['travel_start_time'] }}">
			<input type="hidden" name="travel_end_time" value="{{= it[prop]['travel_end_time'] }}">
		</li>
			<li>
				<span class="detail-left">预定时间</span>
				<span class="detail-right">{{= it[prop]['create_time'] }}</span>
			</li>
			<li>
				<span class="detail-left">支付类型</span>
				<span class="detail-right">{{= it[prop]['pay_name'] }}</span>
			</li>

		</ul>
		{{ }else if (it[prop]['product_id'] == 5 ) { }}
			<ul style="border-bottom: 1px solid #dddddd;display: none;" class="ordertype{{= it[prop]['product_id'] }} order_train" data-price="{{= it[prop]['order_total_price'] }}" data-id="{{= it[prop]['order_id'] }}">
				<li>
					<span class="detail-left">订单号</span>
					<span class="detail-right">{{= it[prop]['user_orderid'] }}</span>
				</li>
				<li>
					<span class="detail-left">订单总价</span>
					<span class="detail-right">￥{{= it[prop]['order_total_price'] }}</span>
				</li>
		<li>
			<span class="detail-left">订单类型</span>
			<span class="detail-right">火车票</span>
		</li>
		<li>
			<span class="detail-left">车次</span>
			<span class="detail-right">{{= it[prop]['train_code'] }}</span>
		</li>
		<li>
			<span class="detail-left">发车时间</span>
			<span class="detail-right">{{= it[prop]['train_date'] }}{{= it[prop]['train_start_time'] }}</span>
			<input type="hidden" name="travel_start_time" value="{{= it[prop]['travel_start_time'] }}">
			<input type="hidden" name="travel_end_time" value="{{= it[prop]['travel_end_time'] }}">
		</li>
				<li>
					<span class="detail-left">预定时间</span>
					<span class="detail-right">{{= it[prop]['create_time'] }}</span>
				</li>
				<li>
					<span class="detail-left">支付类型</span>
					<span class="detail-right">{{= it[prop]['pay_name'] }}</span>
				</li>

			</ul>
		{{ } }}

	{{ } }}
</script>
<!-- 模板end -->
<script>
	apiready = function() {
		api.parseTapmode();
		new allowanceAdd();
	}
</script>

</html>
